<template>
  <div>
      <!-- 父组件接受值 -->
      父组件页面
      <zi @xiaoming="demo"/>
      <p>父组件接收来自子组件 study 的数据---{{num}}</p>
      <hr>
      <h1>{{this.$route.query.xiaoming}}</h1>
      <!-- keep-alive的使用 -->
      <input type="text" name="" id=""><br>
  </div>
</template>

<script>
import zi from './zi.vue'
export default {
    components:{
        zi
    },
    data(){
        return{
            num:''
        }
    },
    methods:{
        demo(text){
            console.log(text);
            this.num = text
        }
    }
}
</script>

<style>

</style>